﻿

@{
    Layout = null;
}


<link href="~/Content/layui/css/layui.css" rel="stylesheet" />
<script src="~/Scripts/jquery-1.10.2.min.js"></script>
<script src="~/Content/layui/layui.all.js"></script>
<style>
    .layui-elip {
        height: 35px;
        text-align: center;
        /* line-height: 50px; */
        margin: 35px auto 20px;
        font-size: 25px;
    }

    .layui-input-inline {
        margin: 10px auto;
        padding: 0px 50px;
        text-align: center;
        display: grid;
        vertical-align: middle;
    }

    .login-main {
        width: 400px;
        height: 350px;
        position: fixed;
        top:25%;
        left:35%;
          border: 8px solid #E8E9F7;
            background-color: white;
              z-index: 1002;
    }

        .login-main p > a {
            margin: 0 20px;
            color: #333;
            text-decoration: none;
        }

        .login-main p {
            margin: 10px auto;
            float: right;
            padding: 0 30px;
        }

    .blshade {
        /*display: none;*/
        position: absolute;
        top: 0%;
        left: 0%;
        width: 100%;
        height: 100%;
        background-color: black;
        z-index: 1001;
        -moz-opacity: 0.7;
        opacity: .70;
        filter: alpha(opacity=70);
    }

    /*.show {
        display: none;
        position: absolute;
        top: 25%;
        left: 22%;
        width: 53%;
        height: 49%;
        padding: 8px;
        border: 8px solid #E8E9F7;
        background-color: white;
        z-index: 1002;
        overflow: auto;
    }*/
</style>
@*<script type="text/html" id="ceshi">*@
<div id="loginview">
    <div id="blshade" class="blshade"></div>
    <div class="login-main">
        <header class="layui-elip">登录</header>
        <form class="layui-form" action="/Account/LoginsPopup?ReturnUrl= @ViewBag.ReturnUrl" target="_blank">
            <div class="layui-input-inline">
                <input type="text" name="account" required lay-verify="required" placeholder="用户名" autocomplete="off"
                       class="layui-input">
            </div>
            <div class="layui-input-inline">
                <input type="password" name="password" required lay-verify="required" placeholder="密码" autocomplete="off"
                       class="layui-input">
            </div>
            <div class="layui-input-inline">
                @*<button lay-submit lay-filter="login" class="layui-btn">登录</button>*@
                <button class="layui-btn ">登录</button>
            </div>




            <hr />

            <!--<div class="layui-input-inline">
                <button type="button" class="layui-btn layui-btn-primary">QQ登录</button>
            </div>
            <div class="layui-input-inline">
                <button type="button" class="layui-btn layui-btn-normal">微信登录</button>
            </div>-->
            <p><a href="register.html" class="fl">立即注册</a><a href="javascript:;" class="fr">忘记密码？</a></p>
        </form>
    </div>
</div>

@*</script>*@
@*<script type="text/javascript">


        layer.open({
            type: 1
         , title: false //不显示标题栏
         , closeBtn: true
         , area: ["400px", "350px"]
         , shade: 0.5
         , id: 'Logins_popup' //设定一个id，防止重复弹出
            //, btn: ['火速围观', '残忍拒绝']
            //, btnAlign: 'c'
         , moveType: 1 //拖拽模式，0或者1
            //, skin: 'layui-layer-molv'
         , content: $('#ceshi').html()
         , success: function (layero) {
             var btn = layero.find('.layui-layer-btn');
             btn.find('.layui-layer-btn0').attr({
                 href: 'http://www.layui.com/'
               , target: '_blank'
             });
         }
        });
        //function sublogin() {
        //    layer.close("Logins_popup");
        //}


    </script>*@


